<template>
    <el-main>
        <el-main class="ep-body">
            <el-card>
                <el-collapse v-model="activeNames" >
                    <el-collapse-item title="个人参保信息" name="1">
                        <el-form :model="form" :rules="rules" ref="form">                 
                            <el-row :gutter="10">
                                <epl-search-input colspan="8" label="社会保障号码" name="aac147" :property="form.aac147" placeholder="请输入社会保障号码" p="R" tagType="PERSON_AAB001_GROUP" api="/business/d100insiup/d02personcommon/PsQueryComm/doPsQueryComm02">
                                    <epl-search-input-item header="社会保障号" name="aac002"></epl-search-input-item>
                                    <epl-search-input-item header="姓名" name="aac003"></epl-search-input-item>
                                    <epl-search-input-item header="性别" name="aac004"></epl-search-input-item>
                                    <epl-search-input-item header="单位名称" name="aab069"></epl-search-input-item>
                                </epl-search-input>
                                <ep-input colspan="8" label="姓名" name="aac003" :property="form.aac003" 
                                    placeholder="请输入姓名" p="E" :datas="{formData: form}" ></ep-input>
                                <ep-select colspan="8" label="性别" name="aac004" :property="form.aaa115" codetype="AAC004"
                                    placeholder="请选择性别" p="E" :datas="{formData: form}"></ep-select>
                            </el-row> 
                            <el-row :gutter="10">
                                <ep-date colspan="8" label="出生日期" name="csrq" :property="form.csrq" placeholder="请选择出生日期" 
                                        p="E" :datas="{formData: form }" type="date" format="yyyy-MM-dd" value-format="yyyyMMdd"></ep-date>
                                <ep-input colspan="8" label="单位管理码" name="aaa229" :property="form.aaa229" 
                                    placeholder="请输入单位管理码" p="E" :datas="{formData: form}" ></ep-input>
                                <ep-input colspan="8" label="单位名称" name="dwmc" :property="form.dwmc" 
                                    placeholder="请输入单位名称" p="E" :datas="{formData: form}" ></ep-input>    
                            </el-row> 
                            <el-row :gutter="10">   
                                <ep-select colspan="8" label="编制类型" name="bzlxl" :property="form.bzlxl" codetype="BZLXL"
                                    placeholder="请选择编制类型" p="E" :datas="{formData: form}"></ep-select> 
                                <ep-select colspan="8" label="缴费状态" name="jfzt" :property="form.jfzt" codetype="JFZT"
                                    placeholder="请选择缴费状态" p="E" :datas="{formData: form}"></ep-select> 
                                <ep-select colspan="8" label="退休标志" name="txbz" :property="form.txbz" codetype="TXBZ"
                                    placeholder="请选择退休标志" p="E" :datas="{formData: form}"></ep-select>                     
                                
                            </el-row>
                            <el-row :gutter="10">     
                                <ep-date colspan="8" label="参加工作日期" name="aae002b" :property="form.aae002b" placeholder="请选择参加工作日期" 
                                    p="E" :datas="{formData: form }" type="date" format="yyyy-MM-dd" value-format="yyyyMMdd"></ep-date>
                                <ep-date colspan="8" label="上次停保时间" name="aae002e" :property="form.aae002e" placeholder="请选择上次停保时间" 
                                    p="E" :datas="{formData: form }" type="date" format="yyyy-MM-dd" value-format="yyyyMM-dd"></ep-date>                   
                                <ep-select colspan="8" label="上次统筹区" name="aaa027" :property="form.aaa027" codetype="AAA027"
                                    placeholder="请选择上次统筹区" p="E" :datas="{formData: form}"></ep-select> 
                            </el-row>
                        </el-form>
                    </el-collapse-item>
                </el-collapse>
             </el-card>
            <el-card class="ep-card">
                <el-tabs v-model="activeName2" type="card">
                    <el-tab-pane label="基本信息" name="1">
                        <el-collapse v-model="activeNames" >
                            <el-collapse-item title="新单位信息" name="2">
                                <el-form :model="form2" :rules="rules" ref="form">
                                    <el-row :gutter="10">
                                        <epl-search-input colspan="8" label="单位管理码" name="aac148" :property="form2.aac148" placeholder="请输入单位管理码" p="E" tagType="PERSON_AAB001_GROUP" api="/business/d100insiup/d02personcommon/PsQueryComm/doPsQueryComm02">
                                            <epl-search-input-item header="社会保障号" name="aac002"></epl-search-input-item>
                                            <epl-search-input-item header="姓名" name="aac003"></epl-search-input-item>
                                            <epl-search-input-item header="性别" name="aac004"></epl-search-input-item>
                                            <epl-search-input-item header="单位名称" name="aab069"></epl-search-input-item>
                                        </epl-search-input>
                                        <ep-input colspan="8" label="单位名称" name="dwmc" :property="form2.dwmc" 
                                            placeholder="请输入单位名称" p="E" :datas="{formData: form2}" ></ep-input>    
                                        <ep-select colspan="8" label="单位性质" name="dwxz" :property="form2.dwxz" codetype="DWXZ"
                                            placeholder="请选择单位性质" p="E" :datas="{formData: form2}"></ep-select>    
                                    </el-row>
                                    <el-row :gutter="10">
                                        <ep-input colspan="8" label="组织机构代码" name="zzjg" :property="form2.zzjg" 
                                            placeholder="请输入组织机构代码" p="E" :datas="{formData: form2}" ></ep-input>
                                        <ep-select colspan="8" label="参保状态" name="cbzt" :property="form2.cbzt" codetype="CBZT"
                                            placeholder="请选择参保状态" p="E" :datas="{formData: form2}"></ep-select>  
                                        <ep-date colspan="8" label="参保日期" name="cbrq" :property="form2.cbrq" placeholder="请选择参保日期" 
                                            p="E" :datas="{formData: form2 }" type="date" format="yyyy-MM-dd" value-format="yyyyMMdd"></ep-date>      
                                    </el-row>
                                </el-form>
                            </el-collapse-item>
                            <el-collapse-item title="其他信息" name="3">
                                <el-form :model="form3" :rules="rules" ref="form">
                                    <el-row :gutter="10">
                                        <ep-select colspan="8" label="变更类型" name="bglx" :property="form3.bglx" codetype="BGLX"
                                            placeholder="请选择变更类型" p="R" :datas="{formData: form3}"></ep-select>    
                                        <ep-date colspan="8" label="转入日期" name="zhrrq" :property="form3.zhrrq" placeholder="请选择转入日期" 
                                            p="R" :datas="{formData: form3 }" type="date" format="yyyy-MM-dd" value-format="yyyyMMdd"></ep-date>
                                        <ep-select colspan="8" label="转入原因" name="zhryy" :property="form3.zhryy" codetype="ZHRYY"
                                            placeholder="请选择转入原因" p="R" :datas="{formData: form3}"></ep-select>    
                                    </el-row>
                                    <el-row :gutter="10">
                                        <ep-select colspan="8" label="编制类型" name="bzlx" :property="form3.bzlx" codetype="BZLX"
                                            placeholder="请选择编制类型" p="R" :datas="{formData: form3}"></ep-select> 
                                             
                                    </el-row>
                                    <el-row :gutter="10">
                                        <ep-textarea :rows="3" label="备注" name="aae013" :property="form3.aae013"
                                                p="E" :datas="{formData: form3,panel: panel}"></ep-textarea>
                                    </el-row> 
                                </el-form>
                            </el-collapse-item>
                            <el-collapse-item title="工资申报信息" name="4">
                                <ep-table :data="tableData" border style="width: 100%;" :titleFilter="filsb">
                                    <ep-table-column editor="index" width="50"  header="序号"></ep-table-column>    
                                    <ep-table-column  sortable editor="text"   name="year" header="年度"></ep-table-column>
                                    <ep-table-column  sortable editor="text"   name="jfgz" header="缴费工资"></ep-table-column>
                                    <ep-table-column sortable editor="text" edited  name="aae180" header="缴费基数"></ep-table-column>
                                    <ep-table-column sortable editor="text" edited  name="oldaae180" header="老缴费基数"></ep-table-column>
                                    <ep-table-column  sortable editor="text"   name="aae202" header="开始年月"></ep-table-column>
                                    <ep-table-column  sortable editor="text"   name="aae021" header="终止年月"></ep-table-column>
                                    <ep-table-column  sortable editor="text"   name="cz" header="操作"></ep-table-column>
                                </ep-table>
                            </el-collapse-item>
                            <el-collapse-item title="欠费记录及补收预览信息" name="5">
                                <el-tabs v-model="activeName3" type="card">
                                    <el-tab-pane label="补收预览明细" name="1">
                                        <ep-table :data="tableData2" border style="width: 100%;"  :titleFilter="fil">
                                            <ep-table-column editor="index" width="50"  header="序号"></ep-table-column>    
                                            <ep-table-column  sortable editor="text"   name="month" header="月份"></ep-table-column>
                                            <ep-table-column  sortable editor="text"   name="jfgz" header="缴费工资"></ep-table-column>
                                            <ep-table-column sortable editor="text" edited  name="aae180" header="缴费基数"></ep-table-column>
                                            <ep-table-column sortable editor="select" edited  name="aae140" header="险种类型"></ep-table-column>
                                            <ep-table-column  sortable editor="text"   name="dwje" header="单位应缴金额"></ep-table-column>
                                            <ep-table-column  sortable editor="text"   name="grje" header="个人应缴金额"></ep-table-column>
                                            <ep-table-column  sortable editor="text"   name="zje" header="总金额"></ep-table-column>
                                        </ep-table>
                                    </el-tab-pane>
                                    <el-tab-pane label="转入日期后（含当月）的缴费记录" name="2">
                                        
                                    </el-tab-pane>
                                    <el-tab-pane label="转入日期前欠费记录" name="3">

                                    </el-tab-pane> 
                                </el-tabs>   
                            </el-collapse-item>
                        </el-collapse>
                    </el-tab-pane>

                    <el-tab-pane label="人员缴费信息" name="2">
                        
                    </el-tab-pane>
                    <el-tab-pane label="业务日志" name="3">
                        
                    </el-tab-pane>
                </el-tabs>
                <div style="margin: 15px 0;"></div>
                <el-row type="flex" justify="center">
                        <ep-saveButton  type="primary"  id="doSave"  ref="save" @formValidate="formValidate" :validate="['form']" 
                                       :datas="{panel:panel,formData: form,tableData: tableData}" name="保存"></ep-saveButton>
                </el-row>
            </el-card>
        </el-main>
    </el-main>
</template>


<script src="../js/TransferInRegJS.js"></script>
